<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="/css/detail.css">
</head>

<body>
    <div class="nav-header">
    	
    </div>
	
    <section>
        <div class="container">
			<div class="return">
				<a href="/index.html">&lt;返回首页</a>
			</div>

			<div class="detail-shop" id="detail-shop">
				
				</div>
				<script type="text/html" id="detailTmplate">
				  <div class="left">
				    <div class="dollImg" id="box">
					  <img src="{{photo[0].url}}" class='jqzoom'>
				    </div>
				    <ol id="imgList" class="imgList">
						{{each photo img}}
						<li>
						    <a href="javascript:;">
						        <img src="{{img.url}}"  class="smallpic">
						    </a>
						</li>
						{{/each}}
				      <!-- <li></li>
				      <li></li>
				      <li></li>
				      <li></li> -->
				    </ol>
				  </div>
				  <div class="right">
					  <div class="top">
					  	<h3>{{title.slice(0, 18)}}</h3>
					  	<p>{{qunTitle}}</p>
					  </div>
				    <div id="price" class="price">
						<h4>￥{{price}}</h4>
						 <div>
							<li>服务：</li>
							<li><span></span>无忧售后</li>
							<li><span></span>100%官方正品</li>
							<li><span></span>全场每单69元包邮</li>
						 </div>
					 </div>
				    <ul>
				      <li>款式分类：</li>
				      <li class="option">a版吉祥</li>
				      <li class="option">b版吉祥</li>
				      <li class="option">c版吉祥</li>
					  <li class="option">d版吉祥</li>
				    </ul>
					
				    <div id="changeNum" class="changeNum">
				        <p>商品数量：</p>
				        <!-- <button class="subBtn" type="button" disabled>-</button> -->
						<input type="text" value="1">
				       <!-- <button class="addBtn" type="button">+</button> -->
				        
				    </div>
				    <button id="Immediately" class="Immediately" type="button">立即购买</button>
				    <button id="joinCart" class="joinCart" type="button">加入购物车</button>
					
					<!-- <div id="bigBox" class="bigBox">
						{{each descContentList detailImg}}
						    {{if detailImg.photo}}
						        <img src="{{detailImg.photo.url}}" alt="" class="bigimg">
						    {{/if}}
						{{/each}}
					</div> -->
				  </div>
				</script>	
				
			</div>
    </section>
    <div class="footer">
    	
    </div>
</body>
<script src="../libs/require/require.min.js" data-main="/js/detail"></script>
</html>